var delivery = [{
    name: '1月办件总申请数',
    value: '10'
}, {
    name: '2月办件总申请数',
    value: '23'
}, {
    name: '3月办件总申请数',
    value: '17'
}, {
    name: '4月办件总申请数',
    value: '18'
}, {
    name: '5月办件总申请数',
    value: '23'
}, {
    name: '6月办件总申请数',
    value: '27'
}, {
    name: '7月办件总申请数',
    value: '36'
}, {
    name: '8月办件总申请数',
    value: '29'
}, {
    name: '9月办件总申请数',
    value: '30'
}, {
    name: '10月办件总申请数',
    value: '27'
}, {
    name: '11月办件总申请数',
    value: '33'
}, {
    name: '12月办件总申请数',
    value: '20'
}];

// const deliveryData = delivery.map(item => item.value)
// const months = delivery.map(item => item.name)


option = {
    tooltip : {
        trigger: 'axis',
        formatter: "{b}{a}: {c}",
        backgroundColor :"#FFF",
        padding: [5, 15],
        axisPointer:{
            lineStyle:{
                color:"#008Af3",
                type:"dashed"
            },
        },
        textStyle:{
            show:true,
            color:"#999"
        }

    },
    grid: {
        left: '0',
        top:10,
        right: 10,
        bottom: 20,
        height:222,
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : [1,2,3,4,5,6,7,8,9,10,11,12],
            axisLine: {
                lineStyle: {
                    color: '#ddd'
                }
            },
            axisLabel:{
                color:"#999",
                margin:20
            }
        }
    ],
    yAxis : [
        {
            type : 'value',
            axisLine: {
                show:false
            },
            axisLabel:{
                color:"#999",
                margin:15
            },
            axisTick:{
                show:false
            }
        }

    ],
    series : [
        {
            name:'',
            type:'line',
            stack: '总量',
            symbol:"circle",
            showSymbol: true,
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(198, 230, 251, 1)'
                    }, {
                        offset: 0.9,
                        color: 'rgba(198, 230, 251, 0.05)'
                    }], false),
                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                    shadowBlur: 10
                }
            },
            itemStyle: {
                normal: {
                    color: '#008Af3'
                }
            },
            data: delivery
        }
    ]
};

var myChart3 = echarts.init(document.getElementById('tuTow'));
myChart3.setOption(option);
window.onresize = myChart3.resize;